@charset "UTF-8";
.web{
    width: 1366px;
    .content{
        width: 992px;
        height: 995px;
        padding-top: 39px;
        padding-left: 30px;       
        box-sizing: border-box;
        .content_title{
            height: 82px;                     
            font-size: 18px;                       
        }
        .content_form{
            width: 768px;
            height: 177px;
            border-radius: 3px;
            background: #f7f7f7;
            font-size: 12px;
            form{
                ul{
                    padding-left: 25px;
                    padding-top: 15px;
                    li{                       
                        select{
                            width: 150px;
                            height: 42px;
                            box-sizing: border-box;
                            border: 1px solid #e7e7e7;
                            cursor: pointer;
                            font-size: 12px;
                            padding-left: 4px;
                            color: #878787;                                          
                        }
                    }
                    li:first-of-type{
                        input{
                            width: 210px;
                            height: 42px;
                            padding-left: 4px;
                            box-sizing: border-box;
                            border: 1px solid #e7e7e7;
                            margin-right: 25px;
                        }
                        div{
                            display: inline-block;
                            width: 20px;
                            position: relative;
                            right: 30px;
                            background: white;
                        }
                        .zhi{
                            position: relative;
                            right: 10px;                          
                        }                                                        
                    }
                    li:nth-of-type(2){
                        padding-left: 20px;
                        >div{
                            display: inline-block;
                            width: 40px;
                            height: 42px;
                            box-sizing: border-box;
                            border: 1px solid #e7e7e7;
                            position: relative;
                            right: 43px;
                            top: 16px;
                            background: white;
                            div{
                                width: 20px;
                                height: 20px;
                                margin: auto auto;
                                position: absolute;
                                left: 3px;
                                right: 0;
                                top: 3px;
                                bottom: 0;                               
                            }                                                     
                        }
                        .special_span{
                            margin-left: 54px;
                        }                                                                                                                                 
                    }
                    li:last-of-type{
                        padding-top: 15px;
                        input{
                            width: 103px;
                            height: 36px;
                            background: #EB413B;
                            border-radius: 25px;
                            cursor: pointer;
                            color: #fff;                          
                        }
                    }
                }
            }           
        }
        .content_table{
            width: 770px;
            height: 346px;
            box-sizing: border-box;
             border: 1px solid #E7E7E7;
             margin-top: 11px;
             font-size: 12px;
            table{           
                tr{
                    td{                                            
                        ul{
                            li{
                                                                                          
                            }                           
                        }
                    }
                    .td1{
                        height: 46px;
                        width: 768px;
                        background: #f8f8f8;
                        border-bottom: 1px solid #e7e7e7;                                          
                        ul{
                            li:first-of-type{
                                width: 400px;
                                text-align: center;
                            }
                            li{
                                width: 72px;
                                color: #99999a;
                            }
                            li:last-of-type{
                                text-align: center;
                            }
                        }
                    }
                    .td2,.td3{
                        border-bottom: 1px solid #e7e7e7;
                        ul{
                            li:first-of-type{
                                border-right:1px solid #e7e7e7 ;
                                a{
                                    display: inline-block;
                                    width: 220px;                                  
                                    position: relative;
                                    bottom: 97px;
                                    color: #444F58;
                                    &:hover{
                                        color: red;
                                    }
                                }
                                span{
                                    display: inline-block;
                                    position: relative;
                                    bottom: 112px;
                                    margin-right: 19px;
                                    margin-left: 25px;
                                }                               
                            }
                            li:nth-of-type(2){
                                height: 128px;
                                padding-top: 20px;                                
                                width:90px;
                                border-right: 1px solid #e7e7e7;
                                text-align: center;
                            }
                            li:nth-of-type(3){
                                height: 128px;
                                padding-top: 20px;
                                width: 72px;
                                border-right: 1px solid #e7e7e7;
                                text-align: center;
                            }
                            li:nth-of-type(4){
                                height: 128px;
                                padding-top: 20px;
                                width: 90px;
                                border-right: 1px solid #e7e7e7;
                                text-align: center;
                            }                           
                            li:last-of-type{
                                height: 128px;
                                padding-top: 20px;
                                width: 71px;
                                text-align: center;
                            }
                        }
                    }
                    .td3{
                        border: none;
                        
                    }                               
                }
            }
        }
        .content_sorter{
            width: 530px;
            height: 38px;
            font-size: 12px;
            margin-top: 10px;
            margin-left: 255px;           
            input{
                width: 38px;
                height: 38px;
                text-align: center;
                background: white;
                box-sizing: border-box;
                border: 1px solid #e7e7e7;
                margin-right: 6px;                
            }
            input[type="text"]{
                width: 68px;
                height: 38px;
                text-align: right;
                box-sizing: border-box;
                padding-right: 4px;
            }
            span{
                padding-left: 10px;
                padding-right: 10px;
            }                 
        }
    }    
}
